
    
    .search-component{
        .expandbtn{
            position: relative;
            overflow: visible;
            background: #EAEEF1;
            border-color: #DADDDF;
            transition: All 0.25s ease-in-out;
            -webkit-transition: All 0.25s ease-in-out;
            -moz-transition: All 0.25s ease-in-out;
        }
        &:hover {
            border-color: #dcdee2;
        }
        &:focus{
            background: #f5f5f7;
            color: #152441;
            box-shadow: 0 0 0 0px rgba(45, 140, 240, 0.2);
        }
        &:active{
            background: #f5f5f7;
            color: #152441;
            outline: none;
            &.expand {
                background-color: #F3F5F7;
                color: #152441;
                &:focus {
                    background-color: #F3F5F7;
                    color: #152441;
                }
            }
            &::after{
                content: '';
                display: block;
                position: absolute;
                left: -1px;
                top: 27px;
                width: calc(~'100% + 2px');
                height: 0px;
                background: #f5f5f7;
                border-left: 1px solid #d0d5d8;
                border-right: 1px solid #d0d5d8;
                z-index: 1;
                transition: All 0.25s ease-in-out;
                -webkit-transition: All 0.25s ease-in-out;
                -moz-transition: All 0.25s ease-in-out;
            }
            &:hover {
                background-color: #F3F5F7;
            }
            &:focus{
                background: #f5f5f7;
                color: #152441;
                box-shadow: 0 0 0 0px rgba(45, 140, 240, 0.2);
            }
            &:active{
                background: #f5f5f7;
                color: #152441;
                outline: none;
            }
        }
    }
    .search-collapse {
        margin-top: 9px;
        border: none;
        .ivu-collapse-header {
            display: none;
        }
        .ivu-form {
            .ivu-form-item {
                float: left;
                .ivu-form-item-content {
                    width: 360px!important;
                }
            }
        }
    }
}
      
